<template>
  <div class="footer">
      <div class="content_box">
          <ul v-for="(item, index) of contentArr" :key="index">
              <li>
                  <div class="title">{{item.title}}</div>
                  <a v-for="(itemInner, indexInner) of item.menus" :key="indexInner" :href="itemInner.link" target="_blank">{{itemInner.name}}</a>
              </li>
          </ul>
      </div>
      <div class="copy_right">
          @ 2023 Harry, Inc . All rights reserved. C
      </div>
  </div>
</template>

<script setup lang='ts'>
import { reactive, ref } from 'vue'
const contentArr = reactive([
  {
      title:'爱被理',
      menus:[
          {
              name:'工作机会',
              link:'https://www.airbnb.cn/careers'
          },
          {
              name:'爱被迎新闻',
              link:'https://www.airbnb.cn/host/homes'
          },
          {
              name:'政策',
              link:'https://www.airbnb.cn/help/topic/1578/法律条款'
          },
          {
              name:'多元化与归属感',
              link:'https://www.airbnb.cn/diversity'
          },
          {
              name:'无障碍设备',
              link:'https://www.airbnb.cn/diversity'
          }
      ]
  },
  {
      title:'发现',
      menus:[
          {
              name:'信任与安全',
              link:'https://www.airbnb.cn/careers'
          },
          {
              name:'邀请好友',
              link:'https://www.airbnb.cn/host/homes'
          },
          {
              name:'商务差旅',
              link:'https://www.airbnb.cn/help/topic/1578/法律条款'
          },
          {
              name:'杂志',
              link:'https://www.airbnb.cn/diversity'
          },
          {
              name:'Autbnb.ong',
              link:'https://www.airbnb.cn/diversity'
          }
      ]
  },
  {
      title:'出租',
      menus:[
          {
              name:'为什么要出租？',
              link:'https://www.airbnb.cn/careers'
          },
          {
              name:'待客之道',
              link:'https://www.airbnb.cn/host/homes'
          },
          {
              name:'房东义务',
              link:'https://www.airbnb.cn/help/topic/1578/法律条款'
          },
          {
              name:'开展体验',
              link:'https://www.airbnb.cn/diversity'
          },
          {
              name:'资源中心',
              link:'https://www.airbnb.cn/diversity'
          }
      ]
  },
  {
      title:'客服支持',
      menus:[
          {
              name:'帮助',
              link:'https://www.airbnb.cn/careers'
          },
          {
              name:'邻里支持',
              link:'https://www.airbnb.cn/host/homes'
          }
      ]
  }
])
</script> 

<style lang='less' scoped>
@import '@/assets/layout/footer.less';
</style>